*{margin:0;padding:0}
/* .ny-title {
    margin-top: 130px !important;
  } */

  .cardimg{
    height: 200px;
    text-align: center;
    overflow: hidden;
}
.friendlink {
				/* opacity: 0; */
				float: left;
		}
		.friendlink i{
			list-style: none;
			font-style: normal;
			line-height: 30px;
			float: left;
			}
		.friendlink .linkTagcs {
			text-align: left;
			float: right;
			width: 181px;
			max-height: 30px;
			overflow: hidden;
			transition: 0.3s all ease-in-out;
			line-height: 30px;
		}
		.friendlink .linkTagcs a{
			display: block;
			color: #fff;
		}
		.friendlink .linkTagcs:hover {
			max-height: 60px;
			overflow-x: hidden;
			overflow-y: auto;
		}


#img{
  height: 100%;
}
#col3{
    max-height: 900px;
    margin-bottom: 15px;
    overflow: scroll;
  }
  .tree-menu li > a{
    padding: 14px;
  }
  .card{
    display: block;
    border: 5px solid #ddd;
    height: 210px;
    overflow: hidden;
  }

  .sjmo .col-sm-6{
    overflow: hidden;
  }
  .card>.caption {
    width: 100%;
  }
  .card:hover #img{
    transform: scale(1.2); 
    transition: ease-in .3s;

  }
  .card:hover{
    border: 0px solid rgba(0,0,0,.4);
    transition: ease-in .3s;

  }
  .card:hover > .caption {
    /* top: 45%; */
    padding: 30% 0;
    opacity: .6;
}
li,ul{list-style:none}
a{text-decoration:none}
body{font-size:14px;word-spacing:normal;color:#333;font-family:Helvetica,Arial,Verdana,sans-serif;font-style:normal;font-weight:400;position:relative;line-height:1.7}
img{max-width:100%}
.pro-tit>h6{
  font-size: 18px;
}
.gcsj{display: none;}
.head .container,.foot .container{max-width:1200px;margin:0 auto}
.container{margin:20px auto 40px;
  max-width: 95%;}
  .ny_pro_link a {
    font-size: 18px;
    display: block;
    color: #fff;
    padding: 15px 20px;
    background: #00a5f5;
    border-radius: 5px;
    max-width: 250px;
    text-align: center;}
/* .container{max-width:1300px;margin:20px auto 40px} */
.clearfix{zoom:1}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
#slider{width:100%;margin:0 auto}
.controls li{top:50%;margin-top:-30px}
.controls li:nth-child(1){left:0}
.controls li:nth-child(2){right:0}
/* .pagination li{background-color:#ddd}
.pagination li.active{background-color:#0062bd} */
.responsive{width:100%;height:auto;display:block}
.clearfix:after{content:"";display:table;clear:both}
.head{width:100%;padding:4px 0; background-color:#00a5f5;z-index:1000}
/* .head{width:100%;height:80px;padding-top:20px;background-color:#00a5f5;z-index:1000} */
.we{padding:30px 0 0;}
.logo,.mobile_logo{float:left;padding-left:25px}
.logoimg{display:block}
.logo{height:60px;line-height:60px}

.nav .ul_content li{display:inline-block;text-transform:uppercase;color:#fff;position:relative;line-height:80px}
.nav>div>li>a{white-space:nowrap;}
.nav li a{font-size: 16px; color:#fff;padding:0 15px;border-right:1px solid #fff;font-weight:600}
#quality{background:#ededed;margin-top:-12px}
.qua_title{text-align:center}
.qua_title>span{width:100px;height:1px;background:#282828;display:inline-block;margin-bottom:10px}
.qua_title p{display:inline-block;font-size:30px;color:#282828;margin:0 20px}
.qua_detail{text-align:center;max-width:550px;margin:0 auto;color:#bbb;font-size:22px;margin-top:10px;margin-bottom:30px}
.qua_licontent img{width:100%;display:block}
.qua_ul li{float:left;box-sizing:border-box;-moz-box-sizing:border-box;width:25%;text-align:center}
.qua_licontent{margin:0 4%}
.bt { padding: 20px 0px;}
.btm_title a{color:#2f2727;font-size:18px;font-weight:700;padding:10px 0;display:block}
.qua_btm p{color:#727272;font-size:14px}
.ne_title{color:#0187d0;font-weight:700;font-size:36px;text-align:center}
.icon_line{width:60px;height:1px;background:#282828;margin:10px auto}
.learn_more{text-align:center;padding:35px 0}
.learn_more a{padding:12px 40px;border:1px solid #dedede;color:#282828;border-radius:25px;transition:all .6s}
.learn_more a:hover{background:#009fe9;color:#fff}
.news_ul{margin-top:30px}
.news_ul li{border-bottom:1px solid #d2d2d2;margin:30px 0;background:url(../styles/images/icon.jpg) no-repeat center right}
.news_ul li .fl,.news_ul li .fr{display:inline-block}
.news_ul li .fl{width:69%;padding-right:10%}
.news_ul li .fr{width:17%;border-left:2px solid #909090;padding-left:3%;color:#a7a7a7}
.necon_title a{font-size:16px;font-weight:700;font-family:"Microsoft YaHei UI";text-transform:uppercase;display:block;color:#282828}
.news_ul li .fl p{font-size:14px;padding:20px 0;color:#282828}
.news_ul li .fl p a{
    color:#333; 
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box; /* 作为弹性伸缩盒子模型显示。 */
    -webkit-box-orient:vertical; /* 设置伸缩盒子的子元素排列方式--从上到下垂直排列 */
    -webkit-line-clamp:2; /* 显示的行 */
}
.pc{display: block;}
.mob{display: none!important;}

.pub_date{font-size:30px;font-weight:700}
.news_ul li .fr p{font-size:18px}
.defind_box li{box-sizing:border-box}
.defind_box li>div a{position:relative;display:block;margin-bottom:35px;overflow:hidden}
.defind_box li{float:left;margin-bottom:3%;position:relative}
.defind_box a{display:block;width:100%}
.defind_box li a:after{content:'';background:url(../styles/images/click.png) no-repeat bottom right/132px 38px;position:absolute;bottom:0;z-index:2;right:0;width:132px;height:38px;cursor:pointer}
.defind_box li:nth-child(1){width:70%;margin-right:3%}
.defind_box li:nth-child(2){width:27%}
.defind_box li:nth-child(3){width:40%;margin-right:3%}
.defind_box li:nth-child(4),.defind_box li:nth-child(5){width:57%}
.right_content a{display:block}
.right_content a{display:block}
.big_img{display:block;width:100%}
.click_bar{position:absolute;right:0;bottom:0;max-width:150px}
/* .foot{background:linear-gradient(to right,#00a5f5 0,#0081db 100%);color:#fff; font-size:16px;margin-top:0px;padding:25px} */
.foot{background:linear-gradient(to right,#00a5f5 0,#0081db 100%);color:#fff; font-size:16px;margin-top:0px;}
.foot_top{height:75px;line-height:75px;border-bottom:1px solid #fff}
.foot_li{padding-top:20px;border-bottom:1px solid #a4b7d6}
.foot_li li{float:left;width:33.333%;margin-bottom:15px}
.foot_info{padding-right:0px; font-size: 16px;}
.foot_info a{display:block;color:#fff}
.foot_info p{margin-bottom:0px;}
.special_color{font-size:24px;font-family:"Microsoft PhagsPa";font-weight:700}
.special_color span{color:#009fe9}
.foot_info .fl,.foot_info .fr{margin-bottom:15px;vertical-align:middle}
.foot_info .fl{float:left}
.foot_li .foot_info .fl a img{ max-width:100%;display:block}
.foot_info .fr{padding-left:160px}
.foot_info table{width:100%}
/*.foot_info table tr:nth-child(1) .icon{background:url(../styles/images/dianhua.png) no-repeat left center;padding:8px 4px;text-indent:10px}
.foot_info table tr:nth-child(2) .icon{background:url(../styles/images/vel2.png) no-repeat left center;padding:8px 0px;text-indent:10px}
.foot_info table tr:nth-child(3) .icon{background:url(../styles/images/Addressfill.png) no-repeat left center;padding:8px 0px;text-indent:10px}
.foot_info table tr:nth-child(4) .icon{background:url(../styles/images/Addressfill.png) no-repeat left center;padding:8px 0px;text-indent:10px}
.foot_info table tr:nth-child(5) .icon{background:url(../styles/images/Addressfill.png) no-repeat left center;padding:8px 0px;text-indent:10px}*/
.foot_info table tr td:nth-child(2){width:20px}
.foot_info dl{padding:5px 0}
.foot_info dl dt a{background:url(../styles/images/dayu.png) no-repeat left center;color:#fff;text-indent:20px;display:inline-block}
.foot_info dl dt a:hover{color:#009fe9}
.foot_nav ul li a:hover{color:#009fe9}
.b-text,.footText{width:100%;border:none;outline:0;padding:5px 0;background:0 0;border-bottom:1px solid #00a5f5;color:#fff}
.foot_info input::placeholder{color:#a4b7d6}
.b-area{font-family:arial;width:100%;line-height:35px;border:0;border-radius:3px;background:0 0;height:35px;outline:0;color:#fff;border-bottom:1px solid #00a5f5}
.b-area::placeholder{color:#a4b7d6}
.btn{background-color:transparent;color:#fff;padding:5px 30px;border-radius:0;margin-top:8px;border:1px solid #fff;outline:0;font-weight:700;font-size:18px;-webkit-transition:all .5s ease-in 0s;-moz-transition:all .5s ease-in 0s;-o-transition:all .5s ease-in 0s;transition:all .5s ease-in 0s;cursor:pointer}
.btn:hover{background:#fff;color:#00a5f5}
.marginauto{
  margin: auto;
}
.b-text1,
.footText1 {
  width: 100%;
  border: none;
  outline: 0;
  padding: 10px ;
  margin: 10px auto;
  background: 0 0;
  border: 1px solid #00a5f5;
  color: #000
}

.b-area1 {
  font-family: arial;
  width: 100%;
  line-height: 40px;
  border: 0;
  border-radius: 3px;
  background: 0 0;
  height: 200px;
  outline: 0;
  padding: 10px ;
  margin: 10px auto;
  color: #000;
  border: 1px solid #00a5f5
}

.b-area1::placeholder {
  color: #a4b7d6
}

.btn10 {
  text-align: center;
  background-color: #00a5f5;
  color: #fff;
  padding: 5px 30px;
  border-radius: 0;
  margin-top: 8px;
  border: 1px solid #fff;
  outline: 0;
  font-weight: 700;
  font-size: 18px;
  -webkit-transition: all .5s ease-in 0s;
  -moz-transition: all .5s ease-in 0s;
  -o-transition: all .5s ease-in 0s;
  transition: all .5s ease-in 0s;
  cursor: pointer
}

.btn10:hover {
  color: #3e4142
}
.copy_right,.foot_nav ul li{padding:15px 0}
.copy_right{display:inline-block}
.foot_nav{ float:right}
.text-center{ text-align: center; }


.foot_nav ul li{display:inline-block}
.foot_nav ul li a{padding:0 10px;color:#fff}
.fixednav{position:fixed;z-index:9999;background-color:#00a5f5!important}
.hidden_content{position:relative;z-index:1000;height:67px;display:none;background:linear-gradient(to right,#21268e 0,#1a69a8 100%);padding:0 25px}
.mobile_login_menu{line-height:80px;float:right;display:none}
.mobile_login_menu img{vertical-align:middle;cursor:pointer;}
.hide_menuwrap{position:absolute;float:right;transition:all .3s;z-index:200;overflow:hidden;right:0;width:300px}
.hide_menuwrap .nav_en1{float:none}
.nav .submenu{position:absolute;float:left;width:auto;top:80px;left:0;padding-left:0;opacity:.95;filter:alpha(opacity=85);z-index:9999999;display:none;text-align:left}
.nav .submenu li{border-bottom:1px solid #d8d8d8;display:block;background:#0082c0;height:30px;line-height:30px}
.nav .ul_content li:hover{background:#009fe9}
.nav .submenu li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 14px; line-height:30px;height:33px;width:250px;border-right:none}
.hide_menuwrap .nav_en1{float:none}
.nav_en1 li a{line-height:50px;display:block;padding:0 25px;font-size:16px;transition:all .3s;font-weight:600;color:#fff}
.nav_en1>li{background:#245ea1;text-align:left;width:100%;font-size:18px;transition:all .2s;transform:translateZ(0);transition-property:color;transition-duration:.3s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;-webkit-transition-property:color;-webkit-transform:translateZ(0);display:none}
.nav_en1>li:hover{background:#009fe9}
.bPosition{padding:10px;text-align:right;border-bottom:1px #222690 solid;color:#333}
.bPosition a{color:#333}
@media screen and (max-width:1200px){
.pror_detail .fr{width:100%!important;margin-top:10px}
.foot_nav{float:none!important}
.foot_li li{width:50%}
.fixednav{padding-left:0!important}
}
@media screen and (max-width:960px){
#slider{margin-top: 85px;}
.htop{display:none}
.hidden_content{display:block}
.news_ul li .fl{width:100%;padding-right:0}
.news_ul li{background:url(../styles/images/icon.jpg) no-repeat bottom right}
#parts li,.box,.pr_singgle,.service_box li{width:50%}
.foot_box>li{width:33.33%}
.foot_box>li:last-child{float:none!important}
.ab_content .fl,.ab_content .fr{width:100%}
.ab_content .fr{margin-top:20px}
.ab_content .pro_title,.btn_re{text-align:center}
.itembody .list_left{float:none}
.itembody .list_right{width:100%;padding-left:0!important;margin-top:10px}
.box_left{float:none}
.box_right{padding-left:0!important}
.nav{position:absolute;float:right;transition:all .3s;z-index:200;right:0;width:300px;min-width:unset;top:80px;background:#223293;padding-left:0!important}
.nav .ul_content li{display:none}
.nav .ul_content li,.nav li a{line-height:45px;border:none;width:100%}
.nav li a{display:block}
.head{padding-top:0}
.logoimg{display:unset;vertical-align:middle; max-height: 45px;}
.logo{height:80px;line-height:80px}
.nav .submenu{top:0;left:unset!important;right:300px}
.nav .submenu li a{line-height:45px;height:45px}
.mobile_login_menu{display:block!important;margin-right:15px}
}
@media screen and (max-width:960px) and (min-width:760px){
.singgle_b{width:50%}
}
@media screen and (max-width:760px){
  .xzoom-container{
    display: block;
  }
  .card{

    height: 100%;
  }
.foot_box>li{width:50%}
.foot_top .know_more{display:block;margin:0 20px}
#cate_nav li{width:100%;margin-right:0!important}
.about_box .about_single{width:100%}
.ab_single{text-align:left!important}
.show_box li{width:100%}
.foot_box li,.qua_ul li{width:50%}
.pro_left{width:100%!important;float:none!important}
.pro_right{padding-left:0!important}
.itembody .list_left{float:none!important}
.itembody .list_right{width:100%;padding-left:0!important;margin-top:10px}
.itembody_in{padding:0!important}
.news_message{padding:0!important}
.news_message li a{text-indent:0!important}
.foot_li li{width:100%}
.defind_box li{display:block}
}
@media screen and (max-width:640px){
.foot_box>li{width:100%}
.foot_info{padding:10px 30px}
.bt_content .fl{float:none}
.bt_content .fr{padding-left:0;margin-top:15px}
.service_box li{width:100%}
.box{width:100%}
.ft_content{padding:0 10%!important}
.products_box li{width:99%}
.singgle_b{width:50%}
}
@media screen and (max-width:460px){
.foot_info .fl{width:100%!important}
.foot_info .fr{padding-left:0!important}
}
@media screen and (max-width:360px){
.itembody .list_left img{width:100%!important}
.singgle_b{width:100%}
}
.inner_banner{max-height:700px;overflow:hidden;max-width:100%}
.inner_banner img{display:block}
.products{padding-top:40px;transition:all .3s}
.ssp_mid{background:#fff!important}
.ssp_mid .content_title{width:100%;height:35px;padding:5px 0;margin-bottom:10px;font-weight:400;color:#333;font-size:14px}
.products_wrap{padding:0 25px}
.pro_left{width:200px;padding-bottom:10px;font-size:15px;line-height:1.7;color:#666;margin-top:30px}
.pro_left table{font-size:14px}
.list_left,.list_right,.pro_left{float:left}
.con_title{height:55px;line-height:55px;color:#fff;background:#222690;font-size:20px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.pro_left .sf-menu{margin:0 auto;padding-bottom:20px}
.pro_left .sf-menu li{border-bottom:1px solid #fff}
.pro_left .sf-menu a{display:block;color:#000;line-height:20px;font-size:16px;padding:9px 0 9px 18px;background:url(../styles/images/pico.png) 5px 15px no-repeat}
.pro_left .sf-menu1 a:hover{color:#fff;background:#009fe9 url(../styles/images/pico.png) 5px 15px no-repeat}
.pro_left .sf-menu ul li a{background:#fff;color:#333}
.pro_left .sf-menu1{margin:0 auto;padding-bottom:20px}
.pro_left .sf-menu1 li{border-bottom:1px solid #eee}
.pro_left .sf-menu1 a{display:block;color:#000;line-height:20px;font-size:16px;padding:9px 0 9px 18px;background:url(../styles/images/pico.png) 5px 15px no-repeat}
.pro_left .sf-menu1 a:hover{color:#fff;background:#009fe9 url(../styles/images/pico.png) 5px 15px no-repeat}
.pro_left .sf-menu1 ul li{border-bottom:1px solid #fff;padding-left:20px}
.pro_left .sf-menu1 li.LiLevel2{position:relative}
.pro_left .sf-menu1 li.LiLevel2::before{content:'';position:absolute;left:5px;top:18px;width:2px;height:2px;border-top:2px solid #999;border-right:2px solid #999;transform:rotate(45deg)}
.pro_left .sf-menu1 ul li a{background:#fff;color:#333}
.pro_left .sf-menu1 .LiLevel1{background:0 0;font-weight:700;border-bottom:1px dotted #e4e4e4}
.pro_left .searchbox_content{width:100%}
.pro_left .sk{width:calc(77% - 2px);border:1px #eee solid;font-size:14px;height:36px;line-height:36px;border-radius:0}
.pro_left .sbtn{width:23%;background:#1e469b url(../styles/images/search.png) center no-repeat;height:38px;border-radius:0}
.pro_right{padding-left:230px;margin:30px 0}
.singgle_b{width:33.333%;float:left;transition:all .3s}
.single_imgb img{max-width:100%}
.singgle_b .watch_box{padding:0 10px 20px 10px}
.change_box{text-align:center;width:100%;height:200px}
.singgle_b .watch_box img{max-height:100%;max-width:100%}
.singgle_b .watch_box>a{display:block;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:6px 0;font-size:15px;font-weight:700}
.singgle_b .watch_box p{text-align:center;margin-top:10px;color:#666;height:45px;overflow:hidden;line-height:1.7}
.pror_wrap{width:100%;font-size:14px;margin-top:20px}
.pror_detail{width:100%;display:inline-block;padding-bottom:20px;border-bottom:1px dashed #ccc}
.pror_detail .fl{max-width:400px;float:left}
.pror_detail .fr{width:52%;float:right;font-size:14px;line-height:25px}
.productsTags,.pror_detail .fr h1{font-weight:600;width:100%;display:block;font-size:19px;border-bottom:1px dashed #ddd;padding:7px 0;margin-bottom:10px;line-height:34px;color:#666}
.special_read{padding:6px 12px;background:#222690;color:#fff!important;border-radius:5px;transition:all .3s;display:inline-block!important}
.pror_detail .special_read{margin-top:10px}
.itembody{width:100%;float:left}
.itembody .list_right .case_detail{padding:0}
.itembody_in{padding:30px;border-bottom:1px dotted #e4e4e4;transition:all .3s;overflow:hidden}
.itembody .list_left{width:250px}
.itembody .list_right{transition:all .3s;padding-left:270px;float:none}
.itembody .list_right h3 a{color:#000;font-size:18px}
.itembody .list_left img{width:100%;height:100%}
.pages{text-align:center;font-size:12px;padding:15px 0 20px 0;color:#b2b2b2;clear:both}
.pages a,.pages span{display:inline-block;margin:1px 5px;min-width:10px;height:30px;padding:0 10px;line-height:30px}
.pages a:link,.pages a:visited{color:#666;background:#fff}
.pages a:active,.pages a:hover,.pages span.ctxt{color:#fff;background:#222690;text-decoration:none}
#imgshow{display:none!important}
.pshare{float:left;padding:8px 0 0 0}
.jsshare{text-align:center;padding-top:8px;float:left}
.pshare li{float:left;width:48%;height:28px;line-height:28px}
.pshare li img{vertical-align:middle;margin-right:12px}
.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0 8px 0 0;position:relative}
.jsshare a,.jsshare a img{width:35px;vertical-align:middle}
.watch_botton{margin-top:30px}
.button_box button{border:none;width:140px;padding:10px 20px;font-size:14px;color:#fff;cursor:pointer;outline:0;background:#222690}
.button_box p{padding:10px 0}
.productsTags,.pror_detail .fr h1{font-weight:600;display:block;font-size:19px;border-bottom:1px dashed #ddd;padding:7px 0;margin-bottom:10px;line-height:34px;color:#666}
.watch_botton .ptit{border:none;padding:10px 20px;font-size:14px;color:#fff;cursor:pointer;outline:0;background:#6e93dc;display:inline-block}
h1{text-transform:capitalize;font-size:36px}
.plist{display:inline-block}
.plist ul{float:left;width:100%;transition:all .6s}
.plist ul .fl{float:left;width:250px}
.plist ul .fl img{width:100%;height:100%}
.plist ul strong{font-weight:700}
.plist ul li>p{transition:all .3s;padding-left:270px}
.plist ul a{color:#333}
.plist ul a:hover{color:#666}
.rollPro1{width:100%;margin:10px auto;overflow:hidden}
.rollPro1 li{width:30%;float:left;margin-right:3%;text-align:center}
.rollPro1 li .pbox{border:1px solid #ddd;padding:4px;width:266px;height:266px;display:table-cell;vertical-align:middle}
.rollPro1 li a{text-decoration:none;color:#333}
.rollPro1 li .pbox img{max-width:100%;max-height:100%;display:block;margin:0 auto}
.rollPro1 li p{height:40px;line-height:20px;overflow:hidden;margin:10px auto}
@media screen and (max-width:1000px){
.rollPro1 li .pbox{height:200px}
}
@media screen and (max-width:560px){
.rollPro1 li .pbox{height:140px}
}
.news_message{padding:0 16px;border:none}
.news_message .news_li{text-align:right;height:40px;margin-top:0!important;background:url(../styles/images/pico.png) 5px 15px no-repeat;border-bottom:1px dashed #ddd;line-height:40px;color:#888;overflow:hidden}
.news_message .news_li a{font-size:15px;text-align:left;text-indent:15px;color:#666;display:inline-block;width:80%;overflow:hidden;height:40px}
.news_message li span{font-size:14px;color:#333}
.news_message li a:hover{color:#666;text-decoration:underline}
.box_li{padding:20px 0;border-bottom:1px solid #ececec}
.box_left{width:200px;float:left}
.box_left img{width:100%}
.box_right{padding-left:220px;float:none}
.box_right h3 a{color:#333;font-size:18px;line-height:16px}
.artical_date{padding:5px 0;color:#666;font-size:14px}
.tit{text-align:center;color:#333;font-size:22px}
.time{line-height:30px;border-bottom:1px solid #ccc;padding-top:10px;font-size:12px;color:#999;width:160px;margin:0 auto 20px;text-align:center}
.pro_right>ul{overflow:hidden}
.pinfo img{max-width:100%}
.prev_next{padding:20px 0;font-size:16px;color:#444;width:100%;border:none!important}
.prev_next li:nth-child(1){margin-right:5%}
.prev_next li{float:left;width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prev_next a{color:#444;font-size:15px}
.pro_right .news_top{font-size:25px;line-height:24px;padding:10px 0 35px 0;font-weight:400;height:30px;color:#000}
.news_mid{border:none!important}
.news_mid li{float:left;width:50%;height:35px;line-height:35px}
.news_mid li a{display:block;white-space:nowrap;margin-right:3%;text-overflow:ellipsis;overflow:hidden;font-size:14px;border-bottom:1px dashed #ccc;color:#333}
.news_mid a:hover{color:#000;text-decoration:underline}
.prev_next a:hover{color:#000}
.case_explain{padding:10px 0}
.ejfl{font-size:24px;margin:0 0 20px;font-weight:400}
#searchbox{width:100%;height:100px;background:linear-gradient(to right,#00a5f5 0,#00a5f5 100%);margin-top:-12px}
.searchbox_content{width:602px;margin:0 auto;padding-top:18px}
.sk{float:left;height:48px;line-height:50px;border:1px solid #fff;width:498px;text-indent:20px;color:#333;font-size:17px;background:#fff;border-radius:50px 0 0 50px;outline:0}
.sbtn{width:100px;height:50px;background:#777;border:0;color:#fff;font-size:20px;border-radius:0 50px 50px 0;outline:0;cursor:pointer}
.erimg{ margin-top: 20px;}
@media screen and (max-width:640px){
#searchbox{height:75px}
.searchbox_content{width:310px;padding-top:15px}
.sk{height:32px;line-height:32px;width:238px;text-indent:10px;font-size:15px}
.sbtn{width:70px;height:34px;font-size:15px}
}
.news_ul li .container{padding:0 0px;box-sizing:border-box}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table{border-collapse:collapse}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0 0 0;line-height:32px;background:url(../styles/images/down1_2.png) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{color:#333;display:inline-block;height:32px;background:url(../styles/images/down1_1.png) no-repeat;padding:0 0 0 16px}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{color:#333;display:inline-block;height:45px;background:url(../styles/images/down2_1.png) no-repeat;padding:0 12px 0 16px}
.pdown2 #A_DownLoadProduct{background:url(../styles/images/down2_2.png) right top no-repeat}
.pdown3 #A_DownLoadProduct{background:url(../styles/images/down2_3.png) right top no-repeat}
.pdown4 #A_DownLoadProduct{background:url(../styles/images/down2_4.png) right top no-repeat}
.bPosition{border-bottom:1px #ececec solid;padding:10px 0;text-align:right;color:#666;font-size:12px}
.bPosition a{color:#666;font-size:12px}
#xyz{left:0;top:2px}
.ul_content{text-align:left}
@media (max-width:992px){
  .pc{display: none!important;}
  .mob{display: block!important;}
  .card{
    border: 2px solid #ddd;
  }
  .cardimg{
    height: 100px;
   
  }
  .notice-tit{width: 100%!important;padding-left: 0px!important; }
  .notice-tit li{width: 50%!important;margin: 0px!important;}
  .gcpc{display: none;}
  .gcsj{display: block;}
.news_ul li .container {padding: 0px 10px;}
.news_ul li .fr { width: 100%;}
.qua_title>span {
    width: 50px;}
.copy_right,.foot_nav ul li{padding:5px 0}
.ft_content{text-align:center}
.copy_right{margin-bottom:10px}
}
#xyz ul{display:flex;justify-content:center;flex-wrap:wrap}
#xyz ul li{margin:5px}
#xyz ul li a{font-size:12px;color:#fff;display:flex;align-items:center;line-height:1.4;text-transform:capitalize}
#xyz ul li a img{margin-right:3px}
@media screen and (min-width:760px){
.nav{position:initial;background:0 0;width:auto;margin-left:50px}
.nav .ul_content li{display:block;width:auto;position:relative}
.ul_content{display:flex}
.mobile_login_menu{display:none!important}
#nav{display:flex;align-items:center;justify-content: space-between;}
.nav .submenu{top:100%;left:0!important;right:initial}
.logo,.logo a{display:flex;align-items:center;justify-content:center}
}
.qua_title .ysz{
   
    FONT-WEIGHT: normal;
    color: #0187d0;
    FONT-SIZE: 44px;
    LINE-HEIGHT: normal;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    text-shadow: 1px 1px rgba(197, 223, 248,0.8), 2px 2px rgba(197, 223, 248,0.8), 3px 3px rgba(197, 223, 248,0.8), 4px 4px rgba(197, 223, 248,0.8), 5px 5px rgba(197, 223, 248,0.8), 6px 6px rgba(197, 223, 248,0.8);
}
* {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    .side {
        position: fixed;
        width: 54px;
        height: 275px;
        right: 0;
        bottom: 120px;
        z-index: 100;
    }

    .side ul li {
        width: 54px;
        height: 54px;
        float: left;
        position: relative;
        border-bottom: 1px solid #00a5f5;
    }

    .side ul li .sidebox {
        position: absolute;
        width: 54px;
        height: 54px;
        top: 0;
        right: 0;
        transition: all 0.3s;
        background: #00a5f5;
        opacity: 0.8;
        filter: Alpha(opacity=80);
        color: #fff;
        font: 14px/54px "微软雅黑";
        overflow: hidden;
    }

    .side ul li .sidetop {
        width: 54px;
        height: 54px;
        line-height: 54px;
        display: inline-block;
        background: #00a5f5;
        opacity: 0.8;
        filter: Alpha(opacity=80);
        transition: all 0.3s;
    }

    .side ul li .sidetop:hover {
        background: #ae1c1c;
        opacity: 1;
        filter: Alpha(opacity=100);
    }

    .side ul li img {
        float: left;
    }
@media (max-width:992px){
   .qua_title .ysz,.ne_title{
   
    FONT-WEIGHT: normal;
    FONT-SIZE: 24px;  }
    .we {
    padding: 10px 0 0;}
    .bt {
    padding: 0px 0px;}
    .side {
    position: fixed;
    width: 100%;
    height: 54px;
    left: 50%;
    bottom: 12px;
    z-index: 100;
    transform: translateX(-38%);}
    .foot {
    padding-bottom: 87px;}

  }